<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>如何优惠买单？</title>
	<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport" id="<viewport></viewport>" />
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/g-guide.css">
</head>
<body>
	<section class="guide">
		<div>
			<h4>如何优惠买单？</h4>
		</div>
	</section>
	<section class="g-list">
		<div class="l-title">
			<img src="images/g-num-1.png" alt="">
			<h6>打开首页</h6>
			<p>点击抽屉按钮</p>
		</div>
		<div class="g-tu">
			<img src="images/g-tu-l-6.jpg" alt="">
		</div>
		<div class="l-title">
			<img src="images/g-num-2.png" alt="">
			<h6>进入侧边栏</h6>
			<p>点击商家</p>
		</div>
		<div class="g-tu">
			<img src="images/g-tu-l-103.jpg" alt="">
		</div>
		<div class="l-title">
			<img src="images/g-num-3.png" alt="">
			<h6>进入商家列表页面</h6>
			<p>可通过搜索或分类模块,快速选择商家</p>
		</div>
		<div class="g-tu">
			<img src="images/g-tu-l-30.jpg" alt="">
		</div>
		<div class="l-title">
			<img src="images/g-num-4.png" alt="">
			<h6>进入商家列表页面</h6>
			<p >选择中意的店铺</p>
		</div>
		<div class="g-tu">
			<img src="images/g-tu-l-31.jpg" alt="">
		</div>
		<div class="l-title">
			<img src="images/g-num-5.png" alt="">
			<h6>进入商家详情页面</h6>
			<p  > 点击"买单"</p>
		</div>
		<div class="g-tu">
			<img src="images/g-tu-l-108.jpg" alt="">
		</div>
		
		<div class="l-title">
			<img src="images/g-num-6.png" alt="">
			<h6>进入优惠买单页面</h6>
			<p  >输入总金额和不参与优惠金额,点击"确认付款"</p>
		</div>
		<div class="g-tu">
			<img src="images/g-tu-l-20.jpg" alt="">
		</div>
		<div class="l-title">
			<img src="images/g-num-7.png" alt="">
			<h6>进入输入支付密码页面</h6>
			<p  >输入支付密码</p>
		</div>
		<div class="g-tu">
			<img src="images/g-tu-l-21.jpg" alt="">
		</div>
		<div class="l-title">
			<img src="images/g-num-8.png" alt="">
			<h6>买单成功,进入账单详情页面</h6>
			<p   class="no-m">查看账单详情,点击去评价</p>
		</div>
		<div class="g-tu">
			<img src="images/g-tu-l-112.jpg" alt="">
		</div>
		<div class="l-title">
			<img src="images/g-num-9.png" alt="">
			<h6>买单成功,进入评价页面</h6>
			<p   class="no-m"> 对店铺进行评价</p>
			<p class="notice">您的评价将会影响店铺星级</p>
		</div>
		<div class="g-tu">
			<img src="images/g-tu-l-104.jpg" alt="">
		</div>
		<div class="l-title">
			<img src="images/g-num-10.png" alt="">
			<h6>评价成功,跳转回账单详情页面</h6>
			<p   class="no-m"> 查看账单详情</p>
		</div>
		<div class="g-tu">
			<img src="images/g-tu-l-113.jpg" alt="">
		</div>
	</section>

</body>
</html>


